<div style="font-weight: bold; font-size: 20px; margin-top: 20px"> ${serialNumber}、用户数峰值 </div>
<div style="text-indent: 2em; font-size: 20px; line-height: 35px; margin-top: 10px; " > 截至目前，统计到的各区域用户峰值以及出现时间如下表所示： </div>
<table id='table1' style="margin-top:15px;">
    <tr>
        <th>地市</th>
        <th>区县</th>
        <th>用户峰值</th>
        <th width="210">出现时间</th>
    </tr>
</table>
<div style="margin-top: 10px; text-align: center; font-size: 20px;">表一 用户数峰值统计</div>
<script>
    (function () {

        $(document).ready(function(){
            // 一、用户数峰值
            /*var dataTable1 = [
                {z1: '海口市', z2: '琼山区', z3: '1800', z4: '2022-01-55 12:55:44'}
            ];*/
            var dataTable1 = ${userPeakDtoList}
            $.each(dataTable1,function(index,item){
                var tr='<td>'+item.city+'</td>'+'<td>'+item.county+'</td>'+'<td>'+item.count+'</td>'+'<td>'+item.date+'</td>';
                $("#table1").append('<tr>'+tr+'</tr>')
            });

            var result1 = [
                {time: '05-21', count: 15},
                {time: '05-22', count: 55},
                {time: '05-23', count: 1},
                {time: '05-24', count: 75},
                {time: '05-25', count: 75},
                {time: '05-26', count: 75},
            ];
        });
    })()
</script>
<style>
    table th, table td { border-bottom: 0.5px solid #999;border-right: 0.5px solid #999999; }
    table { border-top: 0.5px solid #999; border-left: 0.5px solid #999;width: 800px; line-height: 40px; text-align: center; border-collapse: collapse; padding:2px;margin: 0 auto;font-size: 20px;}
</style>